<style type="text/css">
#cat-add-dialog {
    left: 150px;
    top: 25px;
}
</style>

<div class="cms-content-header">Articles</div>
<div id="content-pane" class="cms-content-pane">
    <div class="category-pane">
        <div class="pane-header"> Categories
            <div style="width: 66px; position: absolute; right: 10px; top: 2px; text-align:right;"> <a id="add-cat-link" href="#" title="Add Category"><img src="images/icons/add.png" width="16" height="16" alt="add" align="absmiddle" border="0" /></a> <a id="edit-cat-link" href="#" title="Add Category"><img src="images/icons/pencil.png" width="16" height="16" alt="add" align="absmiddle" border="0" /></a> <a id="del-cat-link" href="#" title="Delete Selected Category"><img src="images/icons/delete.png" width="16" height="16" alt="add" align="absmiddle" border="0" /></a> </div>
        </div>
        <div class="pane-content">
            <?php echo $categories_list; ?>
        </div>
    </div>
    <div class="articles-pane">
        <div id="art-pane-header" class="pane-header">Articles In</div>
        <div class="pane-sub-header"> 
            <a id="add-arts-link" href="<?php echo $this->url(array('action' => 'addArticle')); ?>"> <img src="images/icons/newspaper_add.png" alt="add" width="16" height="16" border="0" align="absmiddle" /> Add New Article </a> 
            <a id="move-link" href="#" > <img src="images/icons/newspaper_go.png" alt="del" width="16" height="16" border="0" align="absmiddle" /> Move Selected </a> 
            <a id="del-arts-link" href="#"> <img src="images/icons/newspaper_delete.png" alt="del" width="16" height="16" border="0" align="absmiddle" /> Delete Selected </a> 
        </div>
        <div id="articles-display" class="pane-content"></div>
        <div class="pane-footer"> Pages: </div>
    </div>
    <div id="cat-add-dialog" class="cms-dialog">
        <div class="cms-dialog-title">Add Article Category</div>
        <div class="cms-dialog-content">
            <?php include('article_category_form.php'); ?>
        </div>
    </div>
</div>
<div id="editor-pane" class="cms-content-pane" style="border:solid #ccc 1px; padding: 0px; border-spacing: 0px; display: none;">
    <div class="pane-header">Article Editor</div>
    <div id="pane-content" style="padding: 10px;"> </div>
</div>

<input type="hidden" id="action_list_url" value="<?php echo $this->url(array('action' => 'articles_list')); ?>"  />

<script type="text/javascript" src="scripts/tiny_mce/tiny_mce.js"></script> 
<script type="text/javascript" src="scripts/imgupload/picup.js"></script> 
<script type="text/javascript" src="scripts/friendurl/jquery.friendurl.min.js"></script> 

<?php echo $this->script('js/articles.js'); ?>
<script type="text/javascript">
	pageManager.addLoadEvent( function() {
		articles.init();
	});
</script> 